*{margin: 0; padding: 0;}
.page{
	background: #fff;
	position: relative;
}
#add{
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
	margin-top: 10px;
	font-size: 20px;
	z-index: 2000;
	color: rgb(219,184,107);
	/*color: rgb(218,165,32);*/
	font-weight: bold;
}
#blank{
	background: rgba(0,0,0,.8);
	position: relative;
}
.title{
	color: rgb(219,184,107);
}
.item-subtitle{
	margin-top: .2rem;
}
.myselfimg{
	width: 30px;
	height: 30px;
	margin-top: -24px;
	border-radius: 100%;
}
.myselfimg img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.icon-me{
	color: rgba(51,51,51,.1);
}
.icon-me:hover{
	color: rgba(51,51,51,.1);
}
.bar-tab a{
	margin-top: -5px;
}
.new,.men,.star{
	font-size: 20px;
	color: rgb(219,184,107);
	margin-top: 2px;
}
.men,.star{
	color: #999;
}
.one,.two,.three{
	width: 1%;
	height:30px;
}
.tab-label1,.tab-label{
	font-size: 10px;
	color: rgb(219,184,107);
	margin-top: -26px;
}
.tab-label{
	color: #999999;
}
/*路由地址*/

/**/
.bar-tab{
	border-top:1px solid #E1E1E1;
	background: #fff;
}
/*搜索框*/
.bar-header-secondary{
	background: #fff !important;
}
/*搜索框背景色*/
.bar .searchbar{
	background: #fff !important;
	border: 0 !important;
}
#search{
	background: rgb(245,245,245);
	color: #666666 !important;
}
.search-input{
	text-align: center;
}
.search-input .icon{
	left:7.3rem;
}
.search-input label+input {
    padding-left: 8.4rem;
}

/*对话列表*/
.media-list li{
	border-top: none ;
}
.list-block{
	margin-top: -3rem;
}
.bar-tab~.content {
    bottom: 0.6rem;
}
/*类表框边框*/
.item-media img{
	width: 50px;
	height: 50px;
	border-radius: 100%;
}
.item-title{
	font-size: 15px;
	color: #333;
}
.item-subtitle{
	font-size: 12px !important;
	color: #B0B0B0;
}

.item-content{
	position: relative;
}
.chat-time{
	font-size: 10px;
	color: #B0B0B0;
	position: absolute;
	right: 10px;
	top: 6px;
}
.red{
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #ff0000;
	font-size: 10px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.red1{
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #ff0000;
	font-size: 10px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	position: absolute;
	left: 3.1rem;
	bottom: 1.5rem;
}
/*删除线*/
 .bar-header-secondary:after{
	transform: scaleY(0);
}

.bar:after {
	transform: scaleY(0);
}

.bar-tab:before {
    transform: scaleY(0);
}


.list-block ul:before {
    transform: scaleY(0);
}

.list-block .last-block:after {
    transform: scaleY(0);
}
/*侧面*/

#beside-bar{
	width: 100%;
	height: 8rem !important;
	background: #000;
}
 .theme-dark .bar-nav {
 	border-color: #000 !important;
 }

.wrap{
	width: 100%;
	height:7.85rem;
}
.theme-dark{
	width: 100%;
	height: 100%;
	background: #000 !important;
}
.theme-dark{
	position: relative;
}
.erweima{
	font-size: 24px;
	color: rgba(219,184,107,.4);
	position: fixed;
	right: 148px;
	top: -17px;
}
.content-block{
	width: 100%;
	height: 2.5rem;
	position: absolute;
	top: 2.2rem;
	left: 0;
}

ul{list-style: none;}
.ul-list{
	width: 100%;
	height: 500px;
	position: absolute;
	left: 0;
	top: 200px;
}
/*.head-img*/

.head-img{
	width: 33px;
	height: 32px;
	margin-top: -24px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: relative;
}
.head-img img{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	/*margin-right: 1px;*/
	margin-top: -1px;
}
.mm{
	width: 50px;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: rgb(219,184,107);
	position: absolute;
	left: 40px;
	top: 0px;
}
.picicon{
	margin-top: -14px;
}
.sun{
	color:  rgb(219,184,107);
	margin-right: -3px;
	font-size: 14px !important;
}
.hero{
	color:  rgb(219,184,107);
	font-size: 14px;
}
/*列表*/

.cont{
	background: #000 !important;
}
.media-list{
	margin-top: .5rem;
}
.ul-list{
	width: 100%;
	height: 22.6rem;
	margin:-4rem 0;
}
.ul-list li {
	width: 100%;
	height: 2.5rem;
	line-height: 50px;
	text-indent: 60px;
	color: rgb(219,184,107);
}
.ul-list .VIP{
	display: block;
	font-size: 20px;
	/*margin-left: -45px;*/
	position: absolute;
	left: -41px;
	top: -1px;
}
.ul-list .icon-liuliang {
	color: #F5F5F5;
}
.dian{
	position: absolute;
	left: 9.9rem;
	top: .23rem;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
}
.dianposit{
	position: relative;
}
.dian1{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
	position: absolute;
	left: 1.5rem;
	top: .4rem;
}
.nav-icon{
	position: relative;
}
.info{
	font-size: 15px;
}

/*脚*/
#footer{
	width: 100%;
	height: 2.5rem;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #000;
	border-top:none !important;
	/*border-color: #000;*/
}


.footer a{
	float: left;
	color: rgb(219,184,107);
}

.posit{
	position: relative;
}
.color{
	position: absolute;
	right: 0;
	top: .5rem;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
}

.night,.right1{
	color: rgb(219,184,107);
	font-size: 12px;
	margin-top: 0;
}
.night,.shezhi{
	font-size: 22px;
	margin-top: 0rem;
	color: rgb(219,184,107);
}
.second{
	margin-top: -19px;
}

/*添加下拉框*/
.add-info{
	width: 8.5rem;
	height: 14.5rem;
	/*border: 1px solid #000;*/
	position: absolute;
	right: .2rem;
	top: 2.15rem;
	z-index: 45;
	color: #333;
	font-size: 14px;
	text-indent: 1rem;
	display: none;
}
.add-info li{
	width: 10rem;
	height: 2rem;
	line-height: 2rem;
}
	
.add-info .sanjiao{
	font-size: 26px;
	color: #fff;
	position: absolute;
	right: .02rem;
	top:-.77rem;
	display: block;
	width: 100%;
	height: 1rem;
	text-align: right;
}
.dropdown{
	width: 100%;
	height: 14rem;
	margin-top: .36rem;
	background: #fff;
	border-radius: .1rem;
}
 .dropdown .chat{
	color: #757575;
}

/*第二个页面*/
#add-title{
	width: 3.3rem;
	height: 2rem;
	position: absolute;
	right: 0rem;
	top: 0;
}

.media-list {
    margin-top: 0rem;
}
.list-block .down:before {
    transform: scaleY(.5);
}
/*.list-block {
    margin: 0rem 0;
    font-size: .85rem;
}*/
.list-block .item-text {
    line-height: 2.05rem;
}

.down ul{
    margin: 41px 0 !important;
}

.bar-header-secondary~.content-good{
    top: 7.324rem;
    
}
.list-block {
    margin-top: 0rem;
}
.content-group{
	width: 100%rem;
	height: 27rem;
	font-size: 14px !important;
}

.list-downline ul:after {
    transform: scaleY(0);
}
/*横向联系列表*/

/*.list-a{
	padding: 0;
}*/
.list-block .list-group-title {
     padding: 0rem 0rem; 
}
.list-a{
	width: 100%;
	height: 2.3rem;
	margin-top: .5rem;
	background: #fff;
	border-bottom: 1px solid #F5F5F5;
	position: relative;
}
.list-a a{
	font-size: 14px;
	color: #999;
	margin-right: 1.5rem;
	margin-left: .6rem;
	line-height: 2rem;
}
.list-a a:nth-child(1) {
	color: #333;
}
.line-one{
	width: 2rem;
	height: .2rem;
	background: #333;
	position: absolute;
	left: .3rem;
	bottom: 0;
}
.youjian{
	font-size: 14px;
	color: #ccc;
}
.item-title{
	width: 100%;
	position: relative;
}
.item-title span{
	margin-left: .4rem;
}
.item-title p{
	position: absolute;
	right: .4rem;
	top: -.7rem;
}
.dong{
	position: relative;
}
.dian2{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
	position: absolute;
	right: 2.3rem;
	top: -1.1rem;
}
.list-block #line-clear:before {
    transform: scaleY(0);
}

/*第三个页面*/

.good-friend{
	width: 100%;
	height: 4rem;
	margin-top: 2.8rem;
}
.good-friend ul li{
	width: 6rem;
	height: 4rem;
	float: left;
	font-size: 14px;
	text-align: center;
}
.good-friend ul li .kongjian{
	color: yellow;
	font-size: 38px;
	
}
.good-friend ul li .fujing{
	color: rgb(242,93,93);
	font-size: 38px;	
}
.good-friend ul li p{
	margin-top: -.2rem;
}

/*好友动态 头像*/
.posit-list{
	position: relative;
}
.taile{
	position: absolute;
	left: 3rem;
	top: 1.8rem;
}
.dian3{
	position: absolute;
	left: 4.4rem;
	top: 0.3rem;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
}

/**/
.back-line{
	width: 100%;
	height: 2rem;
	background: rgb(249.249,251)!important;
}
/*背景色问题*/

.game-title{
	margin-left: .4rem;
	line-height: 1rem;
}
.game{
	font-size: 22px;
	color: rgb(18,183,245);
}
.game-info{
	font-size: 14px;
	color: #333;
}
.content-last{
	margin-top: 2rem;
}
.game-title .youjiantou{
	color: #B0B0B0;
}
.game-back{
	background: #E1E1E1;
}
.game-title .day{
	color: rgb(253,162,85);
}
.game-title .look{
	color: rgb(135,206,85);
}
.game-title .shoping{
	color: rgb(239,93,74);
}
.game-title .read{
	color: rgb(0,208,163);
}
.game-title .girl{
	color: rgb(85,111,244);
}
.game-title .music{
	color: rgb(136,207,66);
}
.game-title .zhibo{
	color: rgb(254,163,86);
}
.game-title .baby{
	color: rgb(17,182,244);
}
.game-title .run{
	color: rgb(0,180,247);
}
.game-title .ice{
	color: rgb(254,163,86);
}
.game-title .qiqiu{
	color: rgb(242,93,93);
}
.nothing,.da,.dawrap{
	line-height: 2rem;
	width: 100%;
	height: 2rem;
}
.nothing{
	position: relative;
	
}
.cat{
	position: absolute;
	right: 2rem;
	top: 1.5rem;
}
.dian4{
	position: absolute;
	right: 1.4rem;
	top: 0.1rem;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
}
